<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Display Station</title>
		<link href="style.css" rel="stylesheet" type="text/css"/>
  </head>
  <body>

	<div id="timeframeDiv" class="timeframe">
		<div id="timerDiv" class="timer">00:00</div>
	</div>
	<div id="ampmDiv" class="ampm">AM</div>
	<div id="tempDiv" class="temperature">
		<div id="outsidedataDiv" class="outsidedata">
			<span id="out_tempinteger" class="tempfont">88</span><span id="out_tempdecimal" class="tempdecimalfont">.8°C</span>
			<br>
			<span id="out_huminteger" class="humfont">88</span>
			<span id="out_humdecimal" class="humdecimalfont">.8%</span>
		</div>
		<div id="insidedataDiv" class="insidedata">
			<span id="in_tempinteger" class="tempfont">33</span><span id="in_tempdecimal" class="tempdecimalfont">.8°C</span>
			<br>
			<span id="in_huminteger" class="humfont">99</span>
			<span id="in_humdecimal" class="humdecimalfont">.1%</span>
		</div>
        <div id="bedroomdataDiv" class="bedroomdata">
			<span id="bed_tempinteger" class="tempfont">33</span><span id="bed_tempdecimal" class="tempdecimalfont">.8°C</span>
			<br>
			<span id="bed_huminteger" class="humfont">99</span>
			<span id="bed_humdecimal" class="humdecimalfont">.1%</span>
		</div>
        <div id="marcieroomdataDiv" class="marcieroomdata">
			<span id="marcie_tempinteger" class="tempfont">33</span><span id="marcie_tempdecimal" class="tempdecimalfont">.8°C</span>
			<br>
			<span id="marcie_huminteger" class="humfont">99</span>
			<span id="marcie_humdecimal" class="humdecimalfont">.1%</span>
		</div>
	</div>
	<div id="fishtankDiv" class="fishtank">
		<br>
		<span class="humfont">&nbsp;RO:  </span><span id="rolevel" class="humfont">0mm</span>
		<br><br>
		<span class="humfont">Sub:  </span><span id="sublevel" class="humfont">0mm</span>
		<br><br>
		<span id="tanktemp" class="humfont">0.00°C</span>
	</div>

	<script src="./renderer.js"></script>
    <script src="./index.js"></script>
  </body>
</html>
